@charset "utf-8";
$gray:#b3b2b2;
//头部
.web{
    min-width: 982px;
    max-width: 1366px;
    margin: 0 auto;
    header{
        width: 982px;
        margin: 0 auto;
        .logo{
            width: 249px;
            height: 34px;
            overflow: hidden;
            float: left;
            margin-left: 29px;
            margin-top: 57px;
            img{
                height: 100%;
            }
        }
        //导航
        .nav{
            .minNav{
                float: right;
                font-size: 0;
                margin-top: 15px;
            }
            a{
                color: $gray;
                font-size: 12px;
                line-height: 14px;
                padding: 0 4px;
                position:relative; 
                &:not(:last-child)::after{
                    position: absolute;
                    right: 0px;
                    top: 1px;
                    display: inline-block;
                    content: "";
                    width: 2px;
                    height: 14px;
                    background: $gray;
                }
            }
        }
            .menu{
                float: right;
                margin-top: 40px;
                li{
                    float: left;
                    a{
                        color: #7a7878;
                        font-size: 14px;
                        padding: 0 13px 7px;
                    }
                    &:hover a{
                        border-bottom: 4px solid #1abc9c;
                        color: #f64f5b;
                    }
                   
                }
            }
    }
    footer{
        width: 100%;
        margin: 0 auto;
        background: #38373d;
        overflow: hidden;
        
        .jiaobu_black{
            width:982px;
            margin: 0 auto;
            position: relative;
        .left{
            width: 472px;
            float: left;
            .erweima{
                width: 151px;
                float: left;
                img{
                    margin-left: 15px;
                    margin-top: 194px;
                }
                p{
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                }
            }
            .lianxifangshi{
                width: 320px;
                float: left;
                margin-top: 194px;
                
                h1{
                    font-size: 15px;
                    color: #fff;
                    margin-left: 15px;
                }
                .dianhua{
                    width: 300px;
                    margin-top: 24px;
                    overflow: hidden;
                    margin-left: 15px;
                    
                    .iconColor1{
                        color: #fff;
                        font-size: 20px;
                        float: left;
                    }
                    p{
                        width: 203px;
                        font-size: 12px;
                        float: left;
                        color: #fff;
                        margin-left: 19px;
                    }
                }
                
                .youjian{
                    width: 300px;
                    margin-top:10px;
                    overflow: hidden;
                    margin-left: 15px;
                    
                    .iconColor2{
                        color: #fff;
                        font-size: 20px;
                        float: left;
                    }
                    p{
                        width: 121px;
                        font-size: 12px;
                        color: #fff;
                        float: left;
                        margin-left: 19px;
                    }
                }
                
                .dingwei{
                    width: 300px;
                    margin-top:10px;
                    overflow: hidden;
                    margin-left: 15px;
                    
                    .iconColor3{
                        color: #fff;
                        font-size: 20px;
                        float: left;
                    }
                    p{
                        width: 260px;
                        font-size: 12px;
                        color: #fff;
                        float: left;
                        margin-left: 19px;
                    }
                }
            }
        }  
        //右边  
            .right{
                width: 510px;
                float: left;
                margin-top: 61px;
                h1{
                    font-size: 15px;
                    color: #fff;
                }
            .yourname{
                width: 170px;
                height: 42px;
                background: #5d6d7e;
                border-radius: 5px;
                border: none;
                padding-left: 11px;
                margin-top: 12px;
            }  
             .youremail{
                width: 188px;
                height: 42px;
                background: #5d6d7e;
                border-radius: 5px;
                border: none;
                padding-left: 11px;
                margin-top: 12px;
                margin-left: 14px;
            }  
             .biaoti{
                width: 378px;
                height: 42px;
                background: #5d6d7e;
                border-radius: 5px;
                border: none;
                padding-left: 11px;
                margin-top: 12px;
            }
            .liuyan{
                width: 378px;
                height: 142px;
                background: #5d6d7e;
                border-radius: 5px;
                border: 0px;
                padding-left: 11px;
                margin-top: 12px;
                padding-top: 22px;
                resize: none;
            }
            textarea::-webkit-input-placeholder{
                color: #c3c7cd;
            }
            input::-webkit-input-placeholder{
                color:#c3c7cd;
            }
            
            .pick_liuyan{
                width: 98px;
                height: 30px;
                color: #fff;
                float: left;
                background: #3498db;
                text-align: center;
                padding-top: 4px;
                border-radius: 5px;
                margin-left: 280px;
                margin-top: 10px;
                margin-bottom: 50px;
            }
            }
            .daosanjiao{
                width: 35px;
                height: 30px;
                border-bottom: 38px solid #2c3e50;
                border-left: 17px solid transparent;
                border-right: 17px solid transparent;
                position: absolute;
                top: 400px;
                left: 462px;
            }
        }
    }
    .footer_nav{
            width: 100%;
            height: 118px;
            background: #2c3e50;
            
        .jiaobudaohang{
            width: 982px;
            margin: 0 auto;
            
            .footer_pp1{
                color: #fff;
            font-size: 14px;
            line-height: 14px;
            padding-top: 45px;
            text-align: center;
            }
            .footer_pp2{
            color: #fff;
            font-size: 14px;
            line-height: 14px;
            margin-top: 7px;
            text-align: center;
        }
        }    
        }
    
}
